@charset "UTF-8";
page {
  background: #F4F4F4;
}

.page-content {
  padding: 30upx;
}

.m-card {
  margin-bottom: 20upx;
}
.m-card .m-card-content .img {
  display: block;
  margin: 0 auto;
  width: 200upx;
  height: 140upx;
}
.m-card .p-content {
  position: relative;
  padding: 80upx 0 125upx;
  margin: -30upx 0 -30upx;
}
.m-card .p-content .img {
  width: 292upx;
}
.m-card .p-content .items {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.m-card .p-content .item {
  width: 34%;
  margin-top: 40upx;
}
.m-card .p-content .item:nth-child(even) .title, .m-card .p-content .item:nth-child(even) .value {
  padding-left: 60upx;
}
.m-card .p-content .item:nth-child(odd) {
  padding-left: 30upx;
}
.m-card .p-content .title {
  font-size: 28upx;
  color: #333;
}
.m-card .p-content .value {
  font-size: 28upx;
  color: #999;
}
.m-card .p-content .value text {
  font-size: 36upx;
  color: #00A0E9;
}
.m-card .r-content {
  position: relative;
}
.m-card .r-content .tag-box {
  position: relative;
  margin-bottom: 60upx;
}
.m-card .r-content .grade {
  position: absolute;
  top: 10upx;
  left: 50%;
  font-size: 60upx;
  color: #00DCB0;
  transform: translateX(-50%);
}
.m-card .r-content .tag {
  position: absolute;
  bottom: -20upx;
  left: 50%;
  font-size: 28upx;
  font-weight: 500;
  color: #A0A5BA;
  line-height: 52upx;
  transform: translateX(-50%);
}
.m-card .r-content .flex {
  padding: 0 30upx;
  margin-bottom: 20upx;
  height: 70upx;
  background: #F8F8F8;
  border-radius: 35upx;
}
.m-card .r-content .flex:last-child {
  margin-bottom: 0;
}
.m-card .r-content .flex .title {
  font-size: 28upx;
  color: #333;
}
.m-card .r-content .flex .value {
  font-size: 28upx;
  color: #999;
}
.m-card .r-content .flex .value text {
  font-size: 30upx;
}
.m-card .r-content .flex .uni-input::after {
  font-family: iconfont;
  content: "";
  margin-left: 10upx;
  font-size: 24upx;
}